<template>
	<view class="login-box" style="background-color: #fff;">
		<image mode="scaleToFill" src="../../static/images/wellcome.gif" :style="{display: 'flex', padding: '0px', width: '100%',height: '100%'}"></image>
<!-- 		<image mode="aspectFill" src="../../static/images/wellcome.gif" style="display: flex; padding: 0px; width: 100%;height: 100%;"></image> -->
	</view>

</template>

<script>
	export default {
		data() {
			return {
				swiperHeight:0,
				windowWidth:0
				// href: '../pages/main/mainPage',
			}
		},
		methods: {

		},
		onLoad() {
			//获取屏幕高度
			uni.getSystemInfo({
				success: (res) => {
					this.y = res.windowHeight
					this.windowWidth = res.windowWidth;
					var statusBar = res.statusBarHeight //状态栏高度
					//屏幕高度-状态栏高度-自定义导航栏高度
					this.swiperHeight = res.screenHeight - statusBar - 45
					// console.log('heightShow', this.swiperHeight)
				}
			})
			
			var timeoutID = setTimeout(() => {
				uni.navigateTo({
					url: '/pages/main/login'
				})
				clearTimeout(timeoutID)	
			}, 2000)
		}
	}
</script>

<style>
	.container {
		padding: 20px;
		font-size: 14px;
		line-height: 24px;
	}

	.login-box {
		width: 100vw;
		height: 100vh;
	}
</style>
